<template>
    <div class="estate_wrapper">
        <div class="left_wrapper">
            <LeftTop />
            <div class="bottom">
                <LeftBottomL />
                <LeftBottomR />
            </div>
        </div>
        <div class="right_wrapper">
            <RightTop />
            <RightBottom />
            <!-- <div class="bottom"></div> -->
        </div>
    </div>
</template>

<script>
import LeftTop from "./components/LeftTop";
import LeftBottomL from "./components/LeftBottom_left";
import LeftBottomR from "./components/LeftBottom_right";
import RightTop from "./components/RightTop";
import RightBottom from "./components/RightBottom";
export default {
    name:"EstateIndex",
    components:{
        LeftTop,
        LeftBottomL,
        LeftBottomR,
        RightTop,
        RightBottom
    }
}
</script>

<style lang="scss">
@import "../../assets/scss/estate.scss";
</style>
<style lang="scss" scoped>
.estate_wrapper{
    display: flex;
    .left_wrapper{
        .top{
            width:96.7rem;
            height: 27.84rem;
            background: url("../../assets/background/estate/bg_tl.png") no-repeat center;
            background-size:100% 100%;
        }  
        .bottom{
            padding-top:1.15rem;
            >div{
                height:47.53rem;
                width:47.77rem;
                display: inline-block;
                background: url("../../assets/background/estate/bg_bt.png") no-repeat center;
                background-size:100% 100%;
                padding:1.2rem 0;
                position: relative;
                &:last-child{
                    margin-left: 1.1rem;
                }
            }
        }  
    }
    .right_wrapper{
        margin-left:1.2rem;
        >div{
            width:47.77rem;
            &.top{
                height:50.61rem;
                background: url("../../assets/background/estate/bg_tr.png") no-repeat center;
                background-size:100% 100%;
            }
            &.bottom{
                height:24.76rem;
                background: url("../../assets/background/estate/bg_rb.png") no-repeat center;
                background-size:100% 100%;
                margin-top:1.15rem;
            }
        }
    }
}
</style>